<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<!-- Адаптив -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<!-- Шрифты -->
	<link rel="preconnect" href="https://fonts.googleapis.com" />
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
	<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap"
		rel="stylesheet" />
	<link rel="apple-touch-icon" sizes="180x180" href="pictures/favicon/apple-touch-icon.png">
	<link rel="icon" type="image/png" sizes="32x32" href="pictures/favicon/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="pictures/favicon/favicon-16x16.png">
	<link rel="manifest" href="pictures/favicon/site.webmanifest">
	<link rel="mask-icon" href="pictures/favicon/safari-pinned-tab.svg" color="#5bbad5">
	<meta name="msapplication-TileColor" content="#00a300">
	<meta name="theme-color" content="#ffffff">
	<link rel="stylesheet" href="css/style.css" />
	<title>Услуги клинического психолога</title>
</head>

<body>
	<div class="body-wrapper">
		<header id="header" class="header header--additional">
			<div class="header__container container">
				<div class="header__logo logo">Личный психолог</div>
				<nav class="header__navigation navigation">
					<ul class="navigation__list">
						<li class="navigation__item">
							<a href="index.html" class="navigation__link navigation__link--additional">Главная</a>
						</li>
						<li class="navigation__item--active">
							<a href="service.html" class="navigation__link navigation__link--additional">Услуги</a>
						</li>
						<li class="navigation__item">
							<a href="documents.html" class="navigation__link navigation__link--additional">Документы</a>
						</li>
						<li class="navigation__item">
							<a href="contacts.html" class="navigation__link navigation__link--additional">Контакты</a>
						</li>
					</ul>
					<div class="burger-wrapper burger-wrapper--additional"><span class="header__burger"><span></span></>
					</div>
				</nav>
			</div>
		</header>
		<main class="main">
			<div class="main__wrapper wrapper">
				<section id="services" class="main__services services services--service">
					<div class="services__container container">
						<h2 class="services__title main-title title--additional">Услуги</h2>
						<div class="services__list services__list--service">
							<!-- Услуги -->
							<article class="services__item">
								<a href="https://vk.com/id121020653" class="services__link">
									<div class="services__image-wrapper">
										<img class="services__image" src="pictures/services/psychological_consultation.jpg"
											alt="Urgent Psychological Consultation" />
										<a href="https://vk.com/id121020653" class="hover-animation__link">Записаться</a>
										<h4 class="hover-animation__text hover-animation__text--service">Психологическая консультация
											<p class="hover-animation__price">
												4000 ₽ — 50 минут</p>
										</h4>
									</div>
								</a>
							</article>
							<article class="services__item">
								<a href="https://vk.com/id121020653" class="services__link">
									<div class="services__image-wrapper">
										<img class="services__image" src="pictures/services/psychological_consultation_for_child.jpg"
											alt="Urgent Psychological Consultation" />
										<a href="https://vk.com/id121020653" class="hover-animation__link">Записаться</a>
										<h4 class="hover-animation__text hover-animation__text--service">Детская консультация
											<p class="hover-animation__price">
												4000 ₽ — 50 минут</p>
										</h4>
									</div>
									<div class="services__hover-animation hover-animation">
									</div>
								</a>
							</article>
							<article class="services__item">
								<a href="https://vk.com/id121020653" class="services__link">
									<div class="services__image-wrapper">
										<img class="services__image" src="pictures/services/psychological_consultation_course.jpg"
											alt="Urgent Psychological Consultation" />
										<a href="https://vk.com/id121020653" class="hover-animation__link">Записаться</a>
										<h4 class="hover-animation__text hover-animation__text--service">Психологическая сессия<br>(10
											сеансов)
											<p class="hover-animation__price">
												при единовременной оплате — 35000 ₽</p>
										</h4>
									</div>
									<div class="services__hover-animation hover-animation">
									</div>
								</a>
							</article>
							<article class="services__item">
								<a href="https://vk.com/id121020653" class="services__link">
									<div class="services__image-wrapper">
										<img class="services__image" src="pictures/services/correspondence_clinical_support.jpeg"
											alt="Urgent Psychological Consultation" />
										<a href="https://vk.com/id121020653" class="hover-animation__link">Записаться</a>
										<h4 class="hover-animation__text hover-animation__text--service">Заочное клиническое сопровождение
											<p class="hover-animation__price">
												4500 ₽ — весь пакет документов передаётся Вашему новому психологу</p>
										</h4>
									</div>
									<div class="services__hover-animation hover-animation">
									</div>
								</a>
							</article>
							<article class="services__item">
								<a href="https://vk.com/id121020653" class="services__link">
									<div class="services__image-wrapper">
										<img class="services__image" src="pictures/services/psychological_expertise.jpeg"
											alt="Urgent Psychological Consultation" />
										<a href="https://vk.com/id121020653" class="hover-animation__link">Записаться</a>
										<h4 class="hover-animation__text hover-animation__text--service">Психологическая экспертиза<p
												class="hover-animation__price">
												от 15000 ₽— произвожу экспертизу подэкспертных исключительно не достигших 18-ти летнего возраста
											</p>
										</h4>
									</div>
									<div class="services__hover-animation hover-animation">
									</div>
								</a>
							</article>
						</div>
					</div>
				</section>
			</div>
	</div>
	</main>
	<footer class="footer">
		<div class="footer__container">
			<div class="footer__menu menu">
				<ul class="menu__list">
					<li class="menu__item">
						<a href="index.html" class="menu__link scrollto ">Главная</a>
					</li>
					<li class="menu__item">
						<a href="service.html" class="menu__link scrollto">Услуги</a>
					</li>
					<li class="menu__item">
						<a href="documents.html" class="menu__link scrollto">Документы</a>
					</li>
					<li class="menu__item">
						<a href="contacts.html" class="menu__link scrollto">Контакты</a>
					</li>
				</ul>
			</div>
			<div class="footer__info info">
				<div class="info__block-1">Created by:</div>
				<div class="info__block-2">hollow-ds.ru, 2023</div>
			</div>
		</div>
	</footer>
	</div>
	</div>
	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
	<script src="js/script.js"></script>
	<!-- Плавный скролл -->
	<script src="https://code.jquery.com/jquery-3.7.1.min.js"
		integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
</body>

</html>